@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整,防止正着放和横着放 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],
input[type="reset"],
input[type="button"] {
  -webkit-appearance: none;
  resize: none;
}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,
select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,
tbody,article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 设置HTML5元素为块 */
article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section {
  display: block;
}
/* 图片自适应 */
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  border: none;
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}
/* 初始化 */
body,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,
select,p,dl,dt,dd,a,img,button,form,table,th,
tr,td,tbody,article,aside,details,figcaption,
figure,footer,header,hgroup,menu,nav,section {
  margin: 0;
  padding: 0;
}
body {
  overflow-x: hidden;
  font: normal 14px/1.5 Tahoma, "Lucida Grande", Verdana, "Microsoft Yahei", STXihei, hei;
}
em,
i {
  font-style: normal;
}
strong {
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #333;
}
a:active {
  color: #f60;
}
/* 按下状态，手机是没有hover只有按下效果 */
ul,ol {
  list-style: none;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}
.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
body {
  font-size: 14px;
  font-family: '微软雅黑';
  color: #a6a6a6;
}
/*水平版幅居中*/
.w{
    margin: 0px auto;
    width: 80%;
}
/*头部导航栏*/
.header{
    margin-top: 14px;
    height: 76px;
    background-color: #fff;
}
.header img{
    height: 60px;
    width: 20%;
    float: left;
}
.header .header-link{
    height: 100%;
}
.header .header-link ul{
    margin-top: 10px;
    width: 30%;
    float: right;
}
.header .header-link ul li{
    width: 16.66%;
    height: 100%;
    float: left;
    text-align: center;
}
.header .header-link ul li a{
    line-height: 50px;
    font-size: 18px;    
}
.header .header-link ul li a img{
    margin-left: 10px;
    height: 40px;
    width: 40px;    
}
.header .z{
    border-bottom: 3px solid #009cd9;    
}
.header .z a{
    color:#009cd9;
}
/* .header .header-link ul li:hover{    
    border-bottom: 3px solid #009cd9;
}
.header .header-link ul li:hover a{
    color:#009cd9;
} */
/*轮播图*/
.shuffling{
    clear: both;
    width: 100%;
    height:848px;
}
.shuffling img{
    width: 100%;
    height: 100%;
}
/*主要图文内容*/
.main{
    clear: both;
    width: 100%;
    height: 3700px;
}

/*内容1*/
.content1{
    clear: both;
    margin: 80px 0px;
    width: 100%;
    height: 958px;
    background-color: #fff;
    text-align: center;
}
/*内容1——文字*/
.content1 .c1-text>p{
    margin: 30px auto;
    width: 75%;
    text-align: center;
    float: initial;
    font-size: 16px;
    color: #969696;
}
.c1-text .h1 p{
    width: 100%;
    text-align: center;
    font: 36px  "微软雅黑 Regular";
    font-weight: 300;
    color: #000;
}
/*内容1——图文*/
.img-text{
    clear: both;
    height: 700px;
    width: 100%;
}
.img-text ul{
    height: 100%;
    width: 100%;
}
.img-text ul li{
    margin: 30px 0px;    
    height: 48%;
    width: 33.3%;
    float: left;
}
.img-text ul li a{
    width: 100%;
    height: 100%;
    font-size: 22px;
    font-weight: 200;
}
.img-text h2{
    margin: 15px;
}
.img-text p{
    font-size: 14px;
    color: #969696;
}
/*内容2*/
.content2{
    clear: both;
    height: 755px;
    width: 100%;
    background-color: #eeeeee;
}
.content2 .w>p{
    padding: 80px 0px;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size:36px;
    color: #000;
    font-weight: 400;
}
.content2 ul{
    margin: 0px auto;
    height: 470px;
    width: 1250px;
}
.content2 ul li{
    float: left;
    margin: 0px 15px;
    width: 280px;
    height: 445px;
    background-color: #fff;
    text-align: center;
}
.content2 ul li a{
    height: 345px;
    width: 100%;
}
.content2 img{
    margin-top: 50px;
    margin-bottom: 45px;
}
.content2 ul li a h2{
    font-size: 22px;
    color: #000;
    font-weight: 400;
}
.content2 ul li a p{
    margin-top: 15px;
    font-size: 16px;
    color: #666666;
    line-height: 25px;
}
/*内容3*/
.content3{
    clear: both;
    width: 100%;
    height: 350px;
    background-image: url(../img/lx.png); 
}
.content3 p{
    padding-top: 90px;
    line-height: 40px;
    font-size: 36px;
    color: #fff;
    text-align: center;
}
.content3 .tel-service{
    margin: 60px auto;
    width: 500px;
    height: 60px;
    background-color: #fff;
    border-radius: 6px;
}
.content3 .tel-service input{
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-left: 10px;
    outline: none;
    border: none;
    height: 40px;
    float: left;    
}
.content3 .tel-service .tel{
    width: 380px;
}
.content3 .tel-service .btu{
    background-color: #019cd9;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
}
/*内容4*/
.content4{
    clear: both;
    background-image: url(../img/rg.png);
    width: 100%;
    height: 780px;
}
.content4 p{
    padding-top: 100px;
    line-height: 40px;
    font-size: 36px;
    color: #000;
    text-align: center;
}
.content4 img{
    margin: 70px 22.5%;
    height: 470px;
    width: 660px;
}
/* 内容5*/
.content5{
    clear: both;
    background-color: #fff;
    width: 100%;
    height: 730px;
}
.content5 .w>p{
    padding-top: 100px;
    line-height: 40px;
    font-size: 36px;
    color: #000;
    text-align: center;
}
.content5 img{
    margin: 70px 2%;
    height: 280px;
    width: 1200px;
}
.content5 .more{
    margin: 0 auto;
    width: 180px;
    height: 60px;
    border-radius: 6px;
    background-color: #00b1f0;
    float: inherit;
}
.content5 .more>p{
    padding-top: 13px;
    color:#fff;
    font-size: 22px;
    text-align: center;
}
/*尾部开始*/
.footer-content{
    clear: both;
    height: 260px;
    width: 100%;
    background-color: #333f50;
}
.footer-content .footer-link{
    margin-top: 60px;
    float: left;
    width:60%;
}
.footer-link dl{    
    width: 16.66%;
    float: left;
}
.footer-link .k{
    width: 33.36%;
}
.footer-link dt{
    padding-bottom: 20px;
    color: #fff;
    font-size: 22px;
}
.footer-link dd{
    font-size: 14px;
    padding-top: 5px;
}
.footer-content .f-c-img{
    margin-top: 55px;
    float: right;
    width: 30%;
    height: 150px;
}
.f-c-img p{  
    clear: both;
    padding-top: 20px;
    color: #5b6673;
    font-size: 22px;
    font-weight: 400;
    text-align: right;
}
.footer-content img{
    float: right;
    margin-left: 20px;
    width: 365px;
    height: 100px;
}
/*尾部结束*/
.footer-end{
    clear: both;
    height: 65px;
    width: 100%;
    background-color: #00b1f0;
}
.footer-end a{
    height: 65px;
    width: 60%;
    color: #fff;
    line-height: 65px;
}
.footer-end .f-e-img{
    float: right;
}
.footer-end img{
    margin:22.5px 10px;
}
